<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>工作助手</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="./css/common.css" rel="stylesheet" />
		<link href="./css/iconfont.css" rel="stylesheet" />
    <style>
      .mui-content>.mui-table-view:first-child {
          margin-top: 1px;
      }
     
      .mui-table-view:after {
          left: 45px;
      }
	  .mui-bar{
		  background-color: #0082E6;
	  }
    .uls{
      padding: 40px 20px;
    }
    
    .mui-table-view:after{
      height: 0;
    }
     
    .titles{
      /* font-weight: bold; */
      font-size: 20px;
      margin-bottom:24px;
    }
     
    .img_s{
      display: inline-block;
      width: 9px;
      height: 9px;
      background: #3188FE;
      vertical-align: middle;
      border-radius: 50%;
      margin-right: 5px;
    }
    .rows{
      height: 50px;
      background: #F1F3F7;
      color: #999999;
      border-radius: 5px;
      line-height: 50px;
      padding-left: 16px;
      margin-bottom:24px; 
      position: relative;
    }
     .btns{
       margin-top: 60px;
     }
     .submits{
       width: 100%;
       margin-top: 30px;
       height: 60px;
       border-radius: 30px;
      font-size: 20px;
      position: relative;
      bottom: 0;
      left: 0;
     }
     .heading{
       margin-bottom: 30px;
       color:#999999;
       font-size:20px;
     }
     .times{
       color: #333;
     }
    </style>
	</head>
	<body class="bg-white">
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left text-white"></a>
        <h1 class="mui-title">生成通知单</h1>
    </header>
    <div class="mui-content">
      <ul class="mui-table-view uls">
        <li class="heading">选择预计执行时间</li>
         <li class="lis">
            <div class="titles">
              <span class="img_s"></span>
            <span class="times">预计开始时间</span></div>
            <div class="rows"><span class="mui-navigate-right">请选择</span></div>
         </li>
         <li class="lis">
            <div class="titles">
              <span class="img_s"></span>
              <span class="times">预计结束时间</span>
            </div>
            <div class="rows">
              <span class="mui-navigate-right">请选择</span>
              </div>
         </li>
         <li class="btns"><button type="button" class="mui-btn mui-btn-primary submits">提交</button></li>
      </ul>
       
    </div>
    <script src="../../../js/mui.js"></script>
    <script src="../../../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    	mui.init()
      $('#task').on('tap', function() {
      	mui.openWindow({
      		url: '../help/task.html',
      		id: '../help/task.html',
      		extras: {}
      	})
      });
      $('#files').on('tap', function() {
      	mui.openWindow({
      		url: '../help/files.html',
      		id: '../help/files.html',
      		extras: {}
      	})
      });
      $('#contacts').on('tap', function() {
      	mui.openWindow({
      		url: '../help/contacts.html',
      		id: '../help/contacts.html',
      		extras: {}
      	})
      });
        mui.back = function(){
            //显示上一个界面；  
           var self = plus.webview.currentWebview();
           var opener = self.opener(); 
           //继续当前页面原有返回逻辑  
           mui.fire(opener, 'back', {});
        }
    </script>
	</body>
</html>

